<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>

<header>
    <div>
        <div class="body">
            <label>欢迎您来天天生鲜！</label>
            <span>
                <span>欢迎您：</span>
                <span>张三</span>
                <a>我的购物车</a>
                <a>我的订单</a>
            </span>
        </div>
    </div>

    <div class="body" id="logo">
        <img src="天天生鲜网页CSS练习/images/logo.png" alt="logo">
        <div class="search">
            <input placeholder="搜索"><button>搜索</button>
        </div>
        <div class="buycar">
            <span>我的购物车</span><label>0</label>
        </div>
    </div>
    <div class="Navigation body">
        <span>全部商品分类</span>
        <span class="navi">首页</span>
        <span class="navi navihas">手机生鲜</span>
        <span class="navi navihas">抽奖</span>
    </div>

    <div id="banner">
        <div class="banner">
            <div class="banner-aside">
                <div><img class="banner-aside-left-img" src="./天天生鲜网页CSS练习/images/icon01.png" alt=""><span>新鲜水果</span><img class="banner-aside-right-img" src="./天天生鲜网页CSS练习/images/arrow.png" alt=""></div>
                <div><img class="banner-aside-left-img" src="./天天生鲜网页CSS练习/images/icon02.png" alt=""><span>新鲜水果</span><img class="banner-aside-right-img" src="./天天生鲜网页CSS练习/images/arrow.png" alt=""></div>
                <div><img class="banner-aside-left-img" src="./天天生鲜网页CSS练习/images/icon03.png" alt=""><span>新鲜水果</span><img class="banner-aside-right-img" src="./天天生鲜网页CSS练习/images/arrow.png" alt=""></div>
                <div><img class="banner-aside-left-img" src="./天天生鲜网页CSS练习/images/icon04.png" alt=""><span>新鲜水果</span><img class="banner-aside-right-img" src="./天天生鲜网页CSS练习/images/arrow.png" alt=""></div>
                <div><img class="banner-aside-left-img" src="./天天生鲜网页CSS练习/images/icon05.png" alt=""><span>新鲜水果</span><img class="banner-aside-right-img" src="./天天生鲜网页CSS练习/images/arrow.png" alt=""></div>
                <div><img class="banner-aside-left-img" src="./天天生鲜网页CSS练习/images/icon06.png" alt=""><span>新鲜水果</span><img class="banner-aside-right-img" src="./天天生鲜网页CSS练习/images/arrow.png" alt=""></div>
            </div>

            <div class="box">
                <div class="box1">
                    <div class="banner-img"><img src="./天天生鲜网页CSS练习/images/slider4.png" alt=""></div>
                    <div class="banner-img"><img src="./天天生鲜网页CSS练习/images/slider1.png" alt=""></div>
                    <div class="banner-img"><img src="./天天生鲜网页CSS练习/images/slider2.png" alt=""></div>
                    <div class="banner-img"><img src="./天天生鲜网页CSS练习/images/slider3.png" alt=""></div>
                    <div class="banner-img"><img src="./天天生鲜网页CSS练习/images/slider.jpg" alt=""></div>
                    <span class="lunbotu-arrow-left"><img src="./天天生鲜网页CSS练习/images/leftarrow.png" alt="leftarrow"></span>
                    <span class="lunbotu-arrow-right"><img src="./天天生鲜网页CSS练习/images/rightarrow.png" alt="rightarrow"></span>
                </div>
                <div class="box-spot"></div>
            </div>


            <div class="banner-right">
                <div><img src="./天天生鲜网页CSS练习/images/right01.jpg" alt=""></div>
                <div><img src="./天天生鲜网页CSS练习/images/right02.jpg" alt=""></div>
            </div>
        </div>
    </div>
</header>
<main>
    <div class="main-top body">
        <span>海鲜水产</span>
        <span class="main-top-right">深海鱬鱼</span>
        <span class="main-top-right">帝王蟹</span>
        <span class="main-top-right">查看更多>></span>
    </div>

    <div class="main body">
        <div class="main-left-goods"><img src="./天天生鲜网页CSS练习/images/fish.jpg" alt=""></div>
        <div class="main-right-goods"><span class="main-right-goods-name">基围虾</span><img src="./天天生鲜网页CSS练习/images/daxia.jpg" alt=""><span class="main-right-goods-price">￥39.9</span></div>
        <div class="main-right-goods"><span class="main-right-goods-name">基围虾</span><img src="./天天生鲜网页CSS练习/images/daxia.jpg" alt=""><span class="main-right-goods-price">￥39.9</span></div>
        <div class="main-right-goods"><span class="main-right-goods-name">基围虾</span><img src="./天天生鲜网页CSS练习/images/daxia.jpg" alt=""><span class="main-right-goods-price">￥39.9</span></div>
        <div class="main-right-goods"><span class="main-right-goods-name">基围虾</span><img src="./天天生鲜网页CSS练习/images/daxia.jpg" alt=""><span class="main-right-goods-price">￥39.9</span></div>
    </div>
</main>

</body>
</html>
